<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>

<body>

</body>
<script>
    // $.ajax({
    //     url: "json/user.json",
    //     success(data) {
    //         console.log("查询用户：", data);
    //         $.ajax({
    //             url: `json/user_corse_${data.id}.json`,
    //             success(data) {
    //                 console.log("查询到课程：", data);
    //                 $.ajax({
    //                     url: `json/corse_score_${data.id}.json`,
    //                     success(data) {
    //                         console.log("查询到分数：", data);
    //                     },
    //                     error(error) {
    //                         console.log("出现异常了：" + error);
    //                     }
    //                 });
    //             },
    //             error(error) {
    //                 console.log("出现异常了：" + error);
    //             }
    //         });
    //     },
    //     error(error) {
    //         console.log("出现异常了：" + error);
    //     }
    // });

    //promise可以封装异步操作
    // let p = new Promise((resolve, reject) => {
    //     $.ajax({
    //         url: "json/user.json",
    //         success: function (data) {
    //             console.log(data)
    //             resolve(data)
    //         },
    //         error: function (err) {
    //             reject(err)
    //         }
    //     })
    // })
    // p.then((obj) => { //成功以后做什么
    //     return new Promise((resolve, reject) => {
    //         $.ajax({
    //             url: `json/user_corse_${obj.id}.json`,
    //             success: function (data) {
    //                 console.log("查询用户课程成功:", data)
    //                 resolve(data);
    //             },
    //             error: function (err) {
    //                 reject(err)
    //             }
    //         });
    //     })
    // }).then((data) => { //成功以后干什么
    //     console.log("上一步的结果", data)
    //     $.ajax({
    //         url: `json/corse_score_${data.id}.json`,
    //         success: function (data) {
    //             console.log("查询课程得分成功:", data)
    //         },
    //         error: function (err) {
    //         }
    //     });
    // })

    //整合方法
    function get(url, data) {
        return new Promise((resolve, reject) => {
            $.ajax({
                url: url,
                data: data,
                success: function (data) {
                    resolve(data);
                },
                error: function (err) {
                    reject(err)
                }
            })
        });
    }

    get("json/user.json")
        .then((data) => {
            console.log("用户查询成功~~~:", data)
            return get(`json/user_corse_${data.id}.json`)
        })
        .then((data) => {
            console.log("课程查询成功~~~:", data)
            return get(`json/corse_score_${data.id}.json`);
        })
        .then((data) => {
            console.log("课程成绩查询成功~~~:", data)
        })
        .catch((err) => { //失败的话catch
            console.log("出现异常", err)
        })
</script>

</html>